<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Gestion areas de riesgo</title>
        <script src="http://maps.google.com/maps/api/js?sensor=false" 
        type="text/javascript"></script>          
    </h:head>
    <h:body>
        <h:form prependId="false" id="form">
            <p:growl id="growl" showDetail="true" sticky="true" />  
            <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  

            <p:dialog modal="true" widgetVar="statusDialog" header="Trabajando..."   
                      draggable="false" closable="false" resizable="false">  
                <p:graphicImage value="/recursos/ajaxLoader.gif" style="margin:0 auto;"/>  
            </p:dialog>

            <p:dialog modal="true" widgetVar="nuevaAreaDialog" header="Nueva Area de riesgo"   
                      draggable="true" closable="true" resizable="false">                
                <p:panelGrid id="panelDatosArea" columns="2">
                    <h:outputLabel value="Codigo"/>
                    <p:inputText value="#{beanAreasRiesgo.areaRiesgoNueva.codigoArea}"/>
                    <h:outputLabel value="Nombre"/>
                    <p:inputText value="#{beanAreasRiesgo.areaRiesgoNueva.nombre}"/>
                    <h:outputLabel value="Factores de riesgo"/>
                    <p:pickList id="pickFactoresRiesgo" value="#{beanAreasRiesgo.dualListModel}" var="itemFactor" itemLabel="#{itemFactor}" itemValue="#{itemFactor}" showSourceFilter="true" filterMatchMode="contains"/>
                    <h:outputLabel value="Nivel capacitacion"/>
                    <p:selectOneMenu value="#{beanAreasRiesgo.areaRiesgoNueva.nivelCapacitacion}" editable="true" style="width: 100px">
                        <f:selectItems value="#{beanAreasRiesgo.nivelesCapacitacion}"/>
                    </p:selectOneMenu>
                    <h:outputLabel value="Referencias en Mapa"/>
                    <p:commandButton type="button" icon="ui-icon-pin-s" value="Mapa" onclick="dlgMapa.show();" />   
                    <h:outputLabel value="Referencias Predefinidas"/>
                    <p:commandButton type="button" icon="ui-icon-pin-s" value="Predefinidas" onclick="dlgPredefinidas.show();" /> 
                    <h:outputLabel value="Tipo de Referencias a guardar"/>
                    <p:selectOneRadio id="opcionesRadio" value="#{beanAreasRiesgo.seleccionRadio}">
                        <f:selectItem itemLabel="Usar Referencias en Mapa" itemValue="1"/>
                        <f:selectItem itemLabel="Usar Referencias Predefinidas" itemValue="2"/>
                    </p:selectOneRadio>
                    <f:facet name="footer">
                        <p:commandButton value="Guardar" action="#{beanAreasRiesgo.guardarAreaRiesgo}" update="growl panelDatosArea"/>
                    </f:facet>
                </p:panelGrid>                
            </p:dialog> 
            <p:dialog widgetVar="dlgMapa" width="625" height="400" modal="true">
                <p:panelGrid columns="1">
                    <f:view contentType="text/html" id="contenedorMapa">
                        <p:gmap center="36.890257,30.707417" zoom="15" type="HYBRID"  
                                style="width:600px;height:400px" widgetVar="mymap" id="mapa" model="#{beanAreasRiesgo.modeloMapa}">
                            <p:ajax event="markerDrag" listener="#{beanAreasRiesgo.onMarkerDrag}" update="mapa"/>
                        </p:gmap> 
                    </f:view>
                    <f:facet name="footer">
                        <p:commandButton value="Listo" onclick="dlgMapa.hide();"/>
                    </f:facet>
                </p:panelGrid>
            </p:dialog>
            <p:dialog widgetVar="dlgPredefinidas" width="625" height="400" modal="true">
                <p:panelGrid columns="2">
                    <h:outputLabel value="Edificio"/>
                    <p:selectOneMenu value="#{beanAreasRiesgo.areaRiesgoNueva.edificio}">
                        <f:selectItems value="#{beanAreasRiesgo.edificio}"/>
                    </p:selectOneMenu>
                    <h:outputLabel value="Planta"/>
                    <p:selectOneMenu value="#{beanAreasRiesgo.areaRiesgoNueva.planta}">
                        <f:selectItems value="#{beanAreasRiesgo.planta}"/>
                    </p:selectOneMenu>
                    <h:outputLabel value="Sector"/>
                    <p:selectOneMenu value="#{beanAreasRiesgo.areaRiesgoNueva.sector}">
                        <f:selectItems value="#{beanAreasRiesgo.sector}"/>
                    </p:selectOneMenu>
                    <h:outputLabel value="Edificio"/>
                    <p:selectOneMenu value="#{beanAreasRiesgo.areaRiesgoNueva.orientacion}">
                        <f:selectItems value="#{beanAreasRiesgo.orientacion}"/>
                    </p:selectOneMenu>
                    <f:facet name="footer">
                        <p:commandButton value="Listo" onclick="dlgPredefinidas.hide();"/>
                    </f:facet>
                </p:panelGrid>
            </p:dialog>

            <p:dialog modal="true" widgetVar="listaAreaDialog" header="Lista de Areas de Riesgo"   
                      draggable="true" closable="true" resizable="false">

                <p:dataTable id ="tablaAreasRiesgo" var="item" value="#{beanAreasRiesgo.listaAreasRiesgo}">
                    <p:column headerText="Id">
                        <h:outputLabel value="#{item.id}"/>
                    </p:column>
                    <p:column headerText="Codigo Area">
                        <h:outputLabel value="#{item.codigoArea}"/>
                    </p:column>
                    <p:column headerText="Nombre">
                        <h:outputLabel value="#{item.nombre}"/>
                    </p:column>
                    <p:column headerText="Nivel de capacitacion requerido">
                        <h:outputLabel value="#{item.nivelCapacitacion}"/>
                    </p:column>
                    <p:column headerText="Factores de riesgo">
                        <h:outputLabel value="Aca van los factores de riesgo"/>
                    </p:column>
                </p:dataTable>
            </p:dialog> 

            <p:dialog modal="true" widgetVar="nuevoFactorDialog" header="Nuevo factor de riesgo"   
                      draggable="true" closable="true" resizable="false">
                <p:panelGrid id="panelDatosFactor" columns="2">
                    <h:outputLabel value="Codigo"/>
                    <p:inputText value="#{beanAreasRiesgo.factorActual.codigo}"/>
                    <h:outputLabel value="Nombre"/>
                    <p:inputText value="#{beanAreasRiesgo.factorActual.nombre}"/>
                    <h:outputLabel value="Descripcion"/>
                    <p:inputTextarea value="#{beanAreasRiesgo.factorActual.descripcionBreve}" rows="5" cols="30" counter="counter" maxlength="140"       
                                     counterTemplate="{0} caracteres restantes." autoResize="false"/>  
                    <h:outputText id="counter" />  

                    <f:facet name="footer">
                        <p:commandButton value="Guardar" action="#{beanAreasRiesgo.guardarFactorRiesgo}" update="panelDatosFactor" oncomplete="nuevoFactorDialog.hide();"/>
                    </f:facet>
                </p:panelGrid>
            </p:dialog> 
            <p:dialog modal="true" widgetVar="listaFactorDialog" header="Lista de Factores de Riesgo"   
                      draggable="true" closable="true" resizable="false">

                <p:dataTable id ="tablaFactoresRiesgo" var="item" value="#{beanAreasRiesgo.listaFactoresRiesgo}">

                    <p:column headerText="Id">
                        <h:outputLabel value="#{item.id}"/>
                    </p:column>
                    <p:column headerText="Codigo" >
                        <h:outputLabel value="#{item.codigo}"/>
                    </p:column>
                    <p:column headerText="Nombre" >
                        <h:outputLabel value="#{item.nombre}"/>
                    </p:column>
                    <p:column headerText="Descripcion" >
                        <h:outputLabel value="#{item.descripcionBreve}"/>
                    </p:column>
                </p:dataTable>

            </p:dialog> 

            <p:tabView>
                <p:tab title="Areas de Riesgo">
                    <p:panelGrid columns="1">                        
                        <p:commandButton value="Nueva Area de Riesgo" action="#{beanAreasRiesgo.cargarListaFactoresRiesgo}" oncomplete="nuevaAreaDialog.show();"/>
                    </p:panelGrid>                
                </p:tab>
                <p:tab title="Registro Accidente">
                    <p:panelGrid columns="1" id="panelMasterRegistroAccidentes">
                        <p:panelGrid columns="2" id="panelRegistroAccidentes">
                            <h:outputLabel value="Codigo"/>
                            <p:inputText value="#{beanAccidentes.accidenteActual.codigo}"/>
                            <h:outputLabel value="Area"/>                    
                            <p:selectOneMenu value="#{beanAccidentes.accidenteActual.area}">
                                <f:selectItems value="#{beanAccidentes.seleccionAreasRegistradas}"/>
                            </p:selectOneMenu>
                            <h:outputLabel value="Fecha y Hora"/>
                            <p:calendar value="#{beanAccidentes.accidenteActual.dia}" pattern="dd/MM/yyyy HH:mm"/>                            
                        </p:panelGrid>                        
                        <p:panelGrid id="panelDatosPersonalAfectado" columns="2">
                            <h:outputLabel value="Impacto"/>
                            <h:outputLabel value="Cantidad"/>
                            <h:outputLabel value="Sin Heridas"/>
                            <p:spinner value="#{beanAccidentes.accidenteActual.sinHeridas}" />
                            <h:outputLabel value="Heridas Leves - Sin Hospitalizacion"/>
                            <p:spinner value="#{beanAccidentes.accidenteActual.heridasLevesSinHospitalizacion}"/>
                            <h:outputLabel value="Heridas Leves - Necesita Hospitalizacion"/>
                            <p:spinner value="#{beanAccidentes.accidenteActual.heridasLevesNecesitaHospitalizacion}"/>
                            <h:outputLabel value="Heridas Graves"/>
                            <p:spinner value="#{beanAccidentes.accidenteActual.heridasGraves}"/>
                            <h:outputLabel value="Fallecimiento"/>
                            <p:spinner value="#{beanAccidentes.accidenteActual.fallecimiento}"/>                           
                        </p:panelGrid>                        
                        <f:facet name="footer">
                            <p:commandButton value="Guardar" action="#{beanAccidentes.guardarAccidente}" update=":form:growl panelRegistroAccidentes panelDatosPersonalAfectado"/>
                        </f:facet>
                    </p:panelGrid>
                </p:tab>       
                <p:tab title="Otros Utiles">
                    <p:panelGrid columns="1">
                        <p:commandButton value="Ver Areas de Riesgo" action="#{beanAreasRiesgo.cargarListaAreasRiesgo}" oncomplete="listaAreaDialog.show();" update=":form:tablaAreasRiesgo"/>
                        <p:commandButton value="Nuevo Factor de Riesgo" onclick="nuevoFactorDialog.show();"/>
                        <p:commandButton value="Ver Factores de Riesgo" action="#{beanAreasRiesgo.cargarListaFactoresRiesgo}" oncomplete="listaFactorDialog.show();" update=":form:tablaFactoresRiesgo"/>
                    </p:panelGrid>
                </p:tab>
            </p:tabView>               
        </h:form>
    </h:body>
</html>

